<template>
    <div class="painting">
        <div class="foot">
            <div class="container clearfix">
                <div class="one fl">
                    <p>关于我们</p>
                    <a href="">关于我们</a>
                    <a href="">合作联系</a>
                    <a href="">申请认证</a>
                </div>
                <div class="one fl">
                    <p>网站政策</p>
                    <a href="">用户协议</a>
                    <a href="">隐私政策</a>
                    <a href="">版权声明</a>
                </div>
                <div class="one fl">
                    <p>帮助</p>
                    <a href="">新手入门</a>
                    <a href="">帮助</a>
                    <a href="">举报</a>
                </div>
                <div class="one fl">
                    <p>传送门</p>
                    <a href="">找画师</a>
                    <a href="">王国绘画学院</a>
                </div>

                <div class="code fr">
                    <ul class="clearfix">
                        <li>
                            <img src="../assets/img/pict/square.png" alt="">
                            <h6>微信公众号</h6>
                        </li>
                        <li>
                            <img src="../assets/img/pict/squar2.png" alt="">
                            <h6>王国菌微信</h6>
                        </li>
                        <li>
                            <img src="../assets/img/pict/squar3.png" alt="">
                            <h6>微信公众号</h6>
                        </li>
                    </ul>
                </div>
            </div>

        </div>
        <div class="text3">
            <div class="container">
            <h6>
                Copyright © 2019 涂鸦王国 &nbsp;&nbsp;
                互联网ICP备案：<span>闽ICP备16007928号-2 </span> - 网络文化经营许可证：闽网文〔2021〕0118-002号 - 公安备案号：35020602001397
            </h6>
        </div>
        </div>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>
.painting{
    background-color: #ffff;
}
.foot{
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}
.foot .one{
    margin-left: 15px;
    margin-bottom: 23px;
    width: 177px;
}
.foot .one>p{
    font-size: 12px;
    color: #273341;
    margin-top: 14px;
    height: 32px;
    line-height: 32px;
}
.foot .one>a{
    display: block;
    color: #9fa1a0;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
}
.foot .one:nth-child(4){
    position: relative;
}
.foot .one:nth-child(4)::after{
    display: block;
    content: "";
    width: 1px;
    height: 136px;
    background-color: #dee2e6;
    position: absolute;
    right: 0px;
    top: 14px;
}

.foot .code{
    margin-top: 20px;
}
.foot .code ul li{
    float: left; 
    margin-left: 40px;
}
.foot .code ul li:nth-child(3){
    margin-right: 15px;
}
.foot .code ul li img{
    width: 86px;
    height: 86px;
}
.foot .code ul li h6{
    color: #3f3c33;
    height: 23px;
    line-height: 23px;
    text-align: center;
}

.text3 h6{
    height: 58px;
    line-height: 58px;
    color: #959792;
    font-size: 13px;
}
.text3 h6 span{
    color: #1a1a1a;
}

</style>